import React, { Component } from 'react'
import Detail from './Detail'
import {Link,Route} from 'react-router-dom'

export default class Message extends Component {
  state={
    messageArr:[{id:'01',title:'消息1'},{id:'02',title:'消息2'},{id:'03',title:'消息3'}]
  }
    render() {
      const {messageArr}=this.state
        return (
          <div>
            {
              messageArr.map((item)=>{
                return(
                  <li key={item.id}>
                    {/* 向路由组件传递state参数 */}
                      <Link to={{pathname:'/home/message/detail',state:{id:item.id,title:item.title}}}>{item.title}</Link>
                  </li>
                )
              })
            }
            {/* 路由注册，search毋须声明接受 */}
            <Route path="/home/message/detail" component={Detail}/>
          </div>
        )
    }
}
